var HtmlWebpackPlugin = require('html-webpack-plugin')
const path = require('path');

module.exports = {
    entry : './src/main.js',
    output: {
        path: path.join(__dirname, 'dist'),
        filename: 'build.js'
    },
    // 打包html
    plugins: [new HtmlWebpackPlugin({
        // 以此文基准 生成打包后的html文件
        template : './public/index.html'
    })],

    // 打包css
    module:{
        rules: [
            {
                test: /\.css$/, //匹配所有的css文件

                // use数组中从右向左运行
                // css-loader让webpack识别css文件的内容 打包
                // style-loader 把css插入到dom中
                use:['style-loader', 'css-loader']
            },
            {
                test: /\.less$/,
                // less-loader 让webpack处理less文件 
                // 还会用less翻译less代码转换成css内容
                use:['style-loader', 'css-loader', 'less-loader']
            }
        ]
    }

}